<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<div class="guide-hold">
	<div class="guide-box guide-bg1">
    	<div class="guide-mess"><img src="../images/view/guide-img1.png" alt="" /></div>
    	<div class="guide-bot"><img src="../images/view/guide-bg1-1.jpg" alt="" /></div>
    </div>
	<div class="guide-box guide-bg2 c-hide">
    	<div class="guide-mess"><img src="../images/view/guide-img2.png" alt="" /></div>
    	<div class="guide-bot"><img src="../images/view/guide-bg2-1.jpg" alt="" /></div>
    </div>
	<div class="guide-box guide-bg3 c-hide">
    	<div class="guide-mess"><img src="../images/view/guide-img3.png" alt="" /></div>
    	<div class="guide-bot"><img src="../images/view/guide-bg3-1.jpg" alt="" /></div>
    </div>
	<div class="guide-box guide-bg4 c-hide">
    	<div class="guide-mess"><img src="../images/view/guide-img4.png" alt="" /></div>
    	<div class="guide-bot"><img src="../images/view/guide-bg4-1.jpg" alt="" /></div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
$('.guide-box').on('click',function(){
	var index = $(this).index();
	$(this).hide().next().show();
	if(index == 3){
		window.location.href='我.html';
	}
});
</script>
</body>
</html>